<!DOCTYPE html>
<html lang="en">

<head>    <!-- 不缓存 -->
    <!-- http 1.0 -->
    <meta http-equiv="pragma" content="no-cache" />
    <!-- http 1.1 -->
    <meta http-equiv="content-type" content="no-cache, must-revalidate" />
    <!-- http 1.0 -->
    <meta http-equiv="expires" content="Wed, 26 Feb 1997 08:21:57 GMT" />
      
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>实用网站|北煜的bug博客</title>
    <link rel="stylesheet" href="../css/dispose001.css">
    <link rel="stylesheet" href="../css/style00001.css" id="css">
    <style>
        body{
            overflow: auto;
        }
    </style>
</head>

<body>
    <!-- 导航 -->
    <div class="top-navigation">
        <div class="top-left">
            <a href="../index.html"><img src="../images/logo.png" alt="北煜的bug博客">
                <p>北煜的bug博客</p>
            </a>
        </div>
        <div class="top-right">
            <!-- <div class="header"></div> -->
            <input type="checkbox" onclick="show()" class="openSidebarMenu" id="openSidebarMenu" style="display: none;">

            <label for="openSidebarMenu" class="sidebarIconToggle">
                <div class="spinner diagonal part-1"></div>
                <div class="spinner horizontal"></div>
                <div class="spinner diagonal part-2"></div>
            </label>
            <div id="sidebarMenu">
                <ul class="sidebarMenuInner">
                    <!-- <li class="nav-item"><a href="subfile/other.html">其他</a></li>
                <li class="nav-item"><a href="subfile/vue.html">vue</a></li>
                <li class="nav-item"><a href="subfile/nodejs.html">node.js</a></li>
                <li class="nav-item"><a href="subfile/js.html">JavaScript</a></li> -->
                    <li class="nav-item"><a href="javascript:alert('正在整理，莫得着急')">其他</a></li>
                    <li class="nav-item"><a href="javascript:alert('正在整理，莫得着急')">vue</a></li>
                    <li class="nav-item"><a href="javascript:alert('正在整理，莫得着急')">node.js</a></li>
                    <li class="nav-item"><a href="javascript:alert('正在整理，莫得着急')">JavaScript</a></li>
                    <li class="nav-item"><a href="h5css3.html">H5+CSS3</a></li>
                    <li class="nav-item"><a href="practical.html">实用网站</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 主体 -->
    <script>
        
    </script>
    <div class="main">
        <div class="main-nav"  id="main_nav">
            <a href="#_有趣的网站">
                <p>有趣的网站</p>
            </a>
            <a href="#_编程类书籍">
                <p>编程类书籍</p>
            </a>
            <a href="#_帮助开发">
                <p>帮助开发</p>
            </a>
            <a href="">
                <p></p>
            </a>
            <a href="">
                <p></p>
            </a>
        </div>
        <div class="main-content main_content">
            <div class="content">
                <h1 class="tit" id="_有趣的网站">有趣的网站</h1>
                <ul>
                    <li>
                        <a href="https://www.cxy521.com/">
                            <h1>程序员导航</h1>
                            <p>是一个致力于一站式程序员学习工作娱乐导航网站,以让程序员更便捷为使命,始终围绕程序员需求,为程序员提供最新工具导航</p>
                            <img src="../images/practical/cxydh.png" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="http://tool.mkblog.cn/">
                            <h1>孟坤工具箱</h1>
                            <p></p>
                            <img src="../images/practical/mkgjx.png" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="https://www.kancloud.cn/explore">
                            <h1>看云</h1>
                            <p>一些开发人员的笔记</p>
                            <img src="../images/practical/ky.png" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="https://www.javascript.fun/">
                            <h1>前端工坊</h1>
                            <p>前端资源</p>
                            <img src="../images/practical/qdgf.png" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="https://www.code-nav.cn/">
                            <h1>编程导航</h1>
                            <p>是一个众多语言的资源库，前端、后端、算法等各种资源</p>
                            <img src="../images/practical/bcdh.png" alt="">
                        </a>
                    </li>
                    <li class="content-li">
                        <a href="https://developer.mozilla.org/zh-CN/">
                            <h1>补充-MDN</h1>
                            <p>编程类资源，可以直接搜索代码的用法</p>
                            <img src="../images/practical/mdn.png" alt="">
                        </a>
                    </li>
                </ul>
            </div>
            <div class="content">
                <h1 class="tit" id="_编程类书籍">编程类书籍</h1>
                <ul>
                    <li>
                        <a href="https://gitee.com/jfanta/free-programming-books-zh_CN">
                            <h1>在线编程书籍</h1>
                            <p>在线阅读</p>
                            <img src="../images/practical/bcsj1.png" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="https://www.jiumodiary.com/">

                            <h1>鸠摩搜索 </h1>
                            <p>文档搜索引擎</p>
                            <img src="../images/practical/bcsj2.png" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="https://www.aliyundrive.com/s/G4i4xfZsKyd">
                            <h1>阿里云分享的书籍</h1>
                            <p></p>
                            <img src="../images/practical/bcsj3.png" height="431.74px" alt="">
                        </a>
                    </li>
                </ul>
            </div>
            <div class="content">
                <h1 class="tit" id="_帮助开发">帮助开发</h1>
                <ul>
                    <li>
                        <a href="https://www.jq22.com/">
                            <h1>jQuery插件库</h1>
                            <p>直接搜索，方便快捷</p>
                            <img src="../images/practical/bzkf1.png" alt="">
                        </a>
                    </li>
                    <li >
                        <a href="https://neumorphism.io/#e0e0e0">
                            <h1>Neumorphism.io</h1>
                            <p>调节阴影圆角等</p>
                            <img src="../images/practical/bzkf2.png" height="431.74px"alt="">
                        </a>
                    </li>
                    <li>
                        <a href="https://www.swiper.com.cn/">
                            <h1>Swiper7</h1>
                            <p>开源、免费、强大的滑动插件</p>
                            <img src="../images/practical/bzkf3.png" height="431.74px" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="https://uigradients.com/#VerBlack">
                            <h1>背景颜色预览</h1>
                            <p></p>
                            <img src="../images/practical/bzkf4.png" height="431.74px" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="https://fontawesome.dashgame.com/">
                            <h1>css小图标</h1>
                            <p>css编辑的小图标，如明信片，人物头像等等</p>
                            <img src="../images/practical/bzkf5.png" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="https://fenxianglu.cn/highlight.html">
                            <h1>代码高亮</h1>
                            <p>在网页内显示代码段</p>
                            <img src="../images/practical/bzkf6.png" alt="">
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <script>document.write("<script type='text/javascript' src='../js/style.js?v=" + Date.now() + "'><\/script>");</script>
    <script>
        // function nav1(){
        // var nav1=document.querySelector('#nav1')
        // nav1.setAttribute('class','main_nav')
        // }
        // nav1()
        windows('../')
        compatibility('../');
        page_change();
    </script>
</body>


</html>